@charset "UTF-8";
#banner {
  background: url(../../imgs/banner1.jpg) no-repeat; }

#banner {
  background: url(../../imgs/banner2.jpg) no-repeat; }

#banner {
  background: url(../../imgs/banner3.jpg) no-repeat; }

body {
  position: relative; }

#but7 {
  position: fixed;
  width: 50px;
  height: 50px;
  background: yellow;
  text-align: center;
  line-height: 20px;
  right: 20px;
  bottom: 80px;
  font-weight: bold;
  cursor: pointer; }

#back {
  width: 50px;
  height: 50px;
  background: url(../../images/return.jpg) no-repeat;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 2px; }

#back a {
  display: block;
  width: 50px;
  height: 50px; }

#nav {
  width: 100%;
  background: #FFE300;
  height: 56px; }

#nav .nav_c {
  width: 1190px;
  height: 56px;
  margin: 0 auto;
  position: relative; }

#seek {
  width: 540px;
  position: absolute;
  z-index: 99;
  left: 240px;
  display: none; }

#seek_t {
  width: 540px;
  height: 56px; }

#seek img {
  height: 18px;
  cursor: pointer;
  margin-top: 15px;
  margin-right: 10px; }

#seek .img2 {
  float: right;
  height: 25px; }

#seek input {
  width: 450px;
  height: 56px;
  background: #ffe300;
  font-size: 16px; }

#seek_munu {
  width: 540px;
  height: 240px;
  background: white; }

#seek_munu p {
  height: 40px;
  line-height: 40px;
  color: #bbb;
  font-size: 12px;
  margin-left: 20px; }

#seek_munu a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #444;
  padding-left: 20px; }

#seek_munu a:hover {
  background: #ccc; }

#nav .nav_c h1 {
  width: 114px;
  height: 20px;
  background: url(../../images/logo.jpg);
  float: left;
  box-sizing: border-box;
  margin-top: 19px; }

#nav .nav_c .navul {
  float: left;
  height: 56px;
  margin-left: 175px;
  position: relative;
  visibility: inherit;
  /* transition: all 0.5s; */ }

#nav .nav_c .navul > li {
  float: left;
  height: 56px; }

#nav .nav_c .navul > li > a {
  display: block;
  height: 56px;
  text-align: center;
  line-height: 56px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative; }

#nav .nav_c .navul > li:hover > a {
  background: #282828;
  color: #ffe300; }

#nav .nav_c .navul > li:hover > ul {
  display: block; }

#nav .nav_c .navul > li > a > img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

#nav .nav_c .navul > li > .a1 {
  font-weight: bold; }

#nav .nav_c .navul > li > a > span {
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  position: absolute;
  bottom: 50%; }

#nav .nav_c .navul2 {
  margin-left: 0; }

#navl {
  float: left;
  width: 118px;
  height: 56px; }

#navl > li {
  float: left;
  width: 59px;
  line-height: 56px; }

#navl > li > a {
  padding-left: 15px;
  padding-right: 15px;
  /* display: block; */
  width: 40px;
  text-align: center; }

#navl > li .navl_a {
  border-right: 1px solid #282828; }

/* 中间二级菜单 */
/* 活动的 */
/* 二级菜单上下的内填充怎么设置？？？？ */
.tongcheng {
  display: none;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid white;
  position: absolute;
  top: 56px;
  z-index: 1;
  background: white;
  border-bottom: 1px solid white; }

.activity {
  position: relative; }

/* .activity>.tongcheng>li{
	
} */
.tongcheng > li > a {
  display: block;
  width: 152px;
  height: 44px;
  line-height: 44px;
  background: white;
  padding: 6px 0 6px 20px; }

.tongcheng > li > a:hover {
  background: #ffe300; }

/* banner部分 */
#banner {
  width: 1130px;
  height: 286px;
  margin: 20px auto 0;
  transition: all 1s; }

#banner .buttonl {
  float: left; }

#banner .button {
  width: 50px;
  height: 50px;
  background: rgba(40, 40, 40, 0.8);
  border-radius: 50%;
  position: relative;
  top: 45%;
  display: none; }

#banner:hover .button {
  display: block; }

#banner .button:hover {
  background: rgba(255, 227, 0, 0.8); }

#banner .buttonr {
  float: right; }

#picture {
  width: 1130px;
  height: 168px;
  padding-top: 20px;
  margin: 0 auto; }

#picture .picture_s {
  height: 168px;
  float: left;
  width: 210px;
  margin-right: 20px;
  border-radius: 2px; }

#picture .picture_s a {
  display: block;
  height: 168px; }

#picture #picture_h {
  margin-right: 0px; }

#tit {
  height: 56px;
  width: 100%;
  margin: 61px auto 0;
  position: relative;
  background: white; }

#tit ul {
  height: 56px;
  width: 322px;
  margin: 0 auto;
  display: flex; }

#tit ul li {
  float: left;
  margin-right: 65px;
  height: 56px;
  flex: 1; }

#tit ul .li3 {
  margin-right: 0px; }

#tit ul li a {
  display: block;
  color: #999999;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  flex: 1; }

#tit ul li a:hover {
  color: #444444;
  border-bottom: 2px solid #444444; }

#content {
  width: 100%;
  background: #f4f4f4;
  border-top: 1px solid #ccc; }

#content #content_c {
  width: 1130px;
  margin: 2px auto 20px;
  height: 1312px; }

#content #content_c #content_s {
  width: 210px;
  height: 308px;
  float: left;
  margin-right: 15px;
  border-radius: 5px;
  margin-top: 20px;
  background: white; }

#content #content_c #content_s .content_t {
  background: blue;
  height: 83px; }

#content #content_c #content_s .content_t img {
  width: 100%; }

.content_t .p1 {
  color: #333333;
  line-height: 20px;
  font-weight: bold;
  padding-left: 16px;
  margin-top: 6px; }

.content_t > .p2 {
  color: #bbbbbb;
  font-size: 12px;
  margin-left: 16px; }

#content #content_c #content_s .content_t span {
  color: #bbbbbb;
  width: 35px;
  height: 16px;
  display: block;
  float: left;
  margin-top: 21px;
  margin-bottom: 16px;
  padding-left: 20px; }

#content #content_c #content_s .content_t .span1 {
  background: url(../../images/1-3.jpg) no-repeat;
  margin-left: 16px; }

#content #content_c #content_s .content_t .span2 {
  background: url(../../images/1-4.jpg) no-repeat; }

#content #content_c #content_s .content_t .span3 {
  background: url(../../images/1-5.jpg) no-repeat; }

#content #content_c #content_s .content_b {
  height: 34px;
  width: 178px;
  border-top: 1px solid #bbbbbb;
  clear: both;
  padding: 16px 16px 0 16px;
  color: #bbbbbb;
  font-size: 12px; }

#content #content_c #content_s .content_b .content_b_l {
  float: left;
  color: #333333; }

#content #content_c #content_s .content_b .content_b_r {
  float: right; }

#page {
  width: 1190px;
  height: 40px;
  margin: 0 auto;
  clear: both;
  padding-top: 20px;
  padding-bottom: 40px; }

#page ul {
  margin: 0 auto;
  width: 600px; }

#page ul li {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 3px 0 3px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  background: white;
  border: 1px solid #eeeeee; }

#page ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  background: white;
  border: 1px solid #eeeeee;
  border-radius: 4px; }

#page ul > li > a:hover {
  background: #ffe300;
  border: 1px solid #ffe300; }

#picturepage {
  width: 1130px;
  height: 100px;
  margin: 0 auto;
  border-radius: 4px;
  clear: both; }

#picturepage img {
  width: 100%;
  height: 100%; }

#change {
  width: 1130px;
  height: 14px;
  margin: 20px auto 20px auto; }

#change > .p1 {
  float: left; }

#change > .p2 {
  float: right;
  color: #d36f16;
  cursor: pointer; }

#changePictuer {
  width: 1130px;
  height: 223px;
  margin: 0 auto; }

/* 图片的圆角怎么没有----怎么解决 */
.changePictuer_s {
  width: 210px;
  height: 203px;
  background: white;
  margin-right: 20px;
  border-radius: 4px;
  float: left; }

#cp_but {
  margin-right: 0px; }

.changePictuer_s .c_p_button {
  padding: 12px 16px 12px 16px; }

.changePictuer_s img {
  width: 100%;
  height: 158px;
  margin: 0 auto;
  border-radius: 4px; }

.changePictuer_s .c_p_button .zhong {
  width: 178px;
  height: 21px; }

.changePictuer_s .c_p_button .zhong a {
  display: block;
  float: left;
  line-height: 21px; }

.changePictuer_s .c_p_button .zhong a:hover {
  color: orange; }

.changePictuer_s .c_p_button .zhong span {
  background: url(../../images/未标题-2.png) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  float: right; }

#footer {
  height: 229px;
  width: 100%;
  background: #282828;
  margin-top: 10px; }

#footer_c {
  height: 229px;
  width: 1130px;
  margin: 0 auto; }

#footer_c .footer_c_top {
  width: 1130px;
  height: 130px;
  border-bottom: 1px solid #333; }

#footer_c .footer_c_top ul {
  float: left;
  height: 130px; }

#footer_c .footer_c_top ul li {
  margin-right: 38px;
  float: left;
  height: 130px;
  line-height: 130px;
  color: #666; }

#footer_c .footer_c_top > ul > .a1 {
  position: relative; }

#footer_c .footer_c_top > ul > .a1 > a {
  padding-left: 20px;
  background: url(../../images/phone.jpg) no-repeat 0 -2px; }

#footer_c .footer_c_top > ul > .a1:hover img {
  display: block; }

#footer_c .footer_c_top > ul > li > a:hover {
  color: #eeeeee; }

#footer_c .footer_c_top > ul > li img {
  display: none;
  position: absolute;
  left: -20px;
  top: -70px; }

#footer_c .footer_c_top .footer_c_top_r {
  float: right;
  width: 135px;
  height: 70px;
  padding-top: 60px; }

#footer_c .footer_c_top .footer_c_top_r a {
  width: 25px;
  height: 21px;
  margin-left: 40px;
  display: block;
  float: left; }

#footer_c .footer_c_top .footer_c_top_r > a > img {
  width: 100%;
  height: 100%; }

#footer_c .footer_c_top .footer_c_top_r > .a1 {
  position: relative; }

#footer_c .footer_c_top .footer_c_top_r .img1 {
  position: absolute;
  width: 111px;
  height: 119px;
  left: -45px;
  top: -130px;
  display: none; }

#footer_c .footer_c_top .footer_c_top_r .a1:hover .img1 {
  display: block; }

#footer_c .footer_c_mi {
  width: 1130px;
  height: 16px;
  margin: 20px auto 0 auto;
  padding-top: 5px; }

#footer_c .footer_c_mi ul li {
  height: 12px;
  border-right: 1px solid #eee;
  float: left;
  text-align: center;
  font-size: 12px; }

#footer_c .footer_c_mi ul li a {
  margin: 0 19px; }

#footer_c .footer_c_mi ul li > .a1 {
  margin-left: 0px; }

#footer_c .footer_c_mi ul li > .ah {
  margin-right: 0px; }

#footer_c .footer_c_mi ul > .lih {
  border-right: none; }

#footer_c .footer_c_mi ul li .a3 {
  padding-left: 20px;
  background: url(../../images/ga.jpg) no-repeat; }

#footer_c .footer_c_mi > .ul1 li a:hover {
  color: #eeeeee;
  text-decoration: underline; }

#footer_c .footer_c_mi > p {
  float: right;
  font-size: 12px; }

#footer_c .fo {
  margin-top: 10px; }
